<template>
  <div class="box_max_box">
    <GameSwiperPage
      :gameInfo="gameInfo"
      @changeGameType="emits('changeGameType', $event)"
    />
    <GameSwiperContent :gameInfo="gameInfo" />
  </div>
</template>

<script setup lang="ts">
import GameSwiperPage from "./GameSwiperPage.vue";
import GameSwiperContent from "./GameSwiperContent.vue";

defineProps({
  gameInfo: {
    type: Object,
    default: () => {},
  },
});
const emits = defineEmits(["changeGameType"]);
</script>

<style scoped lang="scss">
.box_max_box {
  gap: 0.1rem;
  padding: 0.3rem 0;
  padding-top: 0;
  border-radius: 0.3rem;
}
</style>
